/**
 * banner js 轮播
 */
$(document).ready(function () {

    showBanner();
});
/**
 * 关闭登录注册框
 */
    $(".btn_close2").click(function () {
        $(".form2").hide();
    });
    $(".btn_close1").click(function () {
        $(".form1").hide();
    });



/**
 *二级菜单
 * @type {Element}
 */
    var  navUl = document.getElementById("navUl");
    var  lis = navUl.getElementsByTagName("li");

    var  i = 0;  // 下标（索引）从0开始
    for( i=0;  i<= lis.length-1; i++ ){
        lis[i].onmouseover = function(){
            var erji = this.getElementsByTagName("ul");

            if( erji.length == 0 ){
                return null; // 终止函数运行
            }

            erji[0].style.display="block";
        }
        lis[i].onmouseout = function(){
            var erji = this.getElementsByTagName("ul");
            if( erji.length == 0 ){
                return null; // 终止函数运行
            }

            erji[0].style.display="none";
        }
    }
/**
 * 登录注册
 * @type {Element}
 */
    var  show_form = document.getElementById("show_form");
    var  temp1 = document.getElementById("show_ul_login");
    var show_login_lis = temp1.getElementsByTagName('li');
    var  show_form_l = show_form.children ;
    //  样式初始化
    show_form_l[0].style.display = "none";
    //  事件的添加
    function show_login1( index ){
        // 把所有的图片都隐藏, 所有的点都去掉  类
        for( var i = 0 ; i <= show_form_l.length-1 ; i++){
            show_form_l[i].style.display = "none";
            show_login_lis[i].className = "";
        }
        // 再让指定图，显示
        show_form_l[ index ].style.display = "block";
        show_login_lis[ index ].className = "active_3";
    }

/**
 * banner轮播图
 * @type {number}
 */
    var index = 0;
    var timer=3000;
    function showBanner() {
        $(".pict").eq(0).show().siblings().hide();
        showTime();

        $(".previous").click(function () {
            clearInterval(timer);
            if(index == 0){
            index = 6;
        }
        index--;
        show();
        showTime();
        });
        $(".next").click(function () {
        clearInterval(timer);
        if(index == 5){
            index = -1;
        }
        index++;
        show();
        showTime();
        });
    }
    function show() {
        $(".pict").eq(index).fadeIn(300).siblings().fadeOut(300);
    }
    function showTime() {
        timer = setInterval(function () {
            index++;
            if(index == 6) {
            index = 0;
            }
            show();
        },2000);
    }


/**
 * 产品点击
 * @type {Element}
 */
    var  show_div = document.getElementById("show_div");
    var  temp = document.getElementById("nav_1_li");
    var nav_1_lis = temp.getElementsByTagName('li');
    var  show_div_l = show_div.children ;
    //  样式初始化
    show_div_l[0].style.display = "block";
    //  事件的添加
    function showPic1( index ){
        // 把所有的图片都隐藏, 所有的点都去掉  类
        for( var i = 0 ; i <= show_div_l.length-1 ; i++){
            show_div_l[i].style.display = "none";
            nav_1_lis[i].className = "";
        }
        // 再让指定图，显示
        show_div_l[ index ].style.display = "block";
        nav_1_lis[ index ].className = "active_1";
    }


/**
 *客户说
 * @type {Element}
 */
    var  show_pic = document.getElementById("show_pic");
    var  icon_num = document.getElementById("icon_num");
    var zhongpic = document.getElementById("zhong_pic");
    var  icon_nums = icon_num.children;
    var  show_picl = show_pic.children ;
    //  样式初始化
    show_picl[0].style.display = "block";
    //  事件的添加
    function showPic( index ){
        // 把所有的图片都隐藏, 所有的点都去掉 current 类
        for( var i = 0 ; i <= show_picl.length-1 ; i++){
            show_picl[i].style.display = "none";
            icon_nums[i].className = "";
        }
        // 再让指定图，显示
        show_picl[ index ].style.display = "block";

        icon_nums[ index ].className = "active_2";
    }
    function autoPlay () {
        if (++index >= show_pic.length) index = 0;
        changePic(index);
    }
    var index = 0;
    var timer = null;
    // 定义并调用自动播放函数
    timer = setInterval(autoPlay, 2000);
    // 鼠标划过整个容器时停止自动播放
    zhongpic.onmouseover = function () {

        clearInterval(timer);
    };
    // 鼠标离开整个容器时继续播放至下一张
    zhongpic.onmouseout = function () {
        timer = setInterval(autoPlay, 2000);
    };
    // 遍历所有数字导航实现划过切换至对应的图片
    for (var i = 0; i < icon_nums.length; i++) {
        icon_nums[i].onmouseover = function () {
            clearInterval(timer);
            index = this.innerText - 1;
            changePic(index);
        };
    }
    function autoPlay() {
        if (++index >= show_picl.length) index = 0;
        changePic(index);
    }
    // 定义图片切换函数
    function changePic (curIndex) {
        for (var i = 0; i < show_picl.length; ++i) {
            show_picl[i].style.display = "none";
            icon_nums[i].className = "";

    }
        show_picl[curIndex].style.display="block";
        icon_nums[curIndex].className = "active_2";
    }

/**
 *返回顶部
 */
$(document).ready(function() {
    //首先将#back-to-top隐藏
    $("#toTop").hide();
    //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() > 100) {
                $("#toTop").fadeIn(1500);
            } else {
                $("#toTop").fadeOut(1500);
            }
        });
        //当点击跳转链接后，回到页面顶部位置
        $("#toTop").click(function() {
            $('body,html').animate({
                    scrollTop: 0
                },
                1000);
            return false;
        });
    });
});

